{
    "detail": {
        "width": 1224.66,
        "height": 804,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "工资发放",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "质量检查详情",
            "index": "96539d61-396c-4c92-8a0d-ac67a94180e6",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "检查记录详情",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "(data)=>{\n    return {Sign:'bearer1:8a393180d9013b7eb2351f6fef279e49'}\n}",
                    "dataQuery": "(data)=>{\n    return {check_record_id:'66543084cf7fa6178a3f2d43',timeStamp:'1718621454505',randomNum:'81127'}\n}",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "检查记录详情"
                    },
                    "component": {
                        "width": 237.7,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 34,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 68.16,
                    "top": 75.62,
                    "index": "1ece6eaa-1e42-4dd4-87ca-8ab983aebb8f",
                    "zIndex": 8,
                    "display": true,
                    "lock": false,
                    "proxy": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_record/detail_list"
                },
                {
                    "name": "质量检查详情内容",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "(data) => {\n     return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {check_record_id:'66543084cf7fa6178a3f2d43',timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1084.42,
                        "height": 545.5,
                        "name": "vue",
                        "prop": "vue",
                        "rotateZ": 0,
                        "rotateY": 0,
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"conter-xq\">\n    <div class=\"head-xq\">\n      <div class=\"info-xq\">发起人：{{ headData.name}}</div>\n      <div class=\"info-xq\">目前状态：{{ headData.status_name}}</div>\n    </div>\n    <div class=\"stage-con\">\n      <div class=\"stage-con-l\">\n      </div>\n      <div class=\"stage-con-r\">\n        <div class=\"stage-1\" v-for=\"(item, index) in list\" :key=\"index\" style=\"position: relative;\">\n          <div class=\"stage-h\">\n            <div class=\"big\">{{ item.check_item_name }}</div>\n            <div class=\"small\">发起人：{{ item.created_by_name }}</div>\n          </div>\n          <i class=\"el-icon-success\" style=\"font-size: 45px; color: #1890ff;position: absolute;left: -75px;top: 0;\" ></i>\n          <div\n            class=\"stage-li\"\n            v-for=\"(son, indexs) in item.content_detail\"\n            :key=\"indexs\"\n          >\n            <div class=\"lable\">{{ son.content_name }}</div>\n\n            <div\n              class=\"value\"\n              v-if=\"son.real_value && photo.indexOf(son.content_code) == -1\"\n            >\n              {{ son.real_value | montage }}\n            </div>\n            <div\n              class=\"value\"\n             v-else-if=\"son.content_code=='gzbsc'\"\n            >\n            <div v-for=\"(realItem,index) in son.real_value\" :key=\"index\" style=\"color:#1890ff ;\" @click=\"window.open(realItem.url,'_self')\"> {{ realItem.name }} </div>\n             \n            </div>\n            <div class=\"value\" v-else>\n              <el-image\n              v-for=\"(sons,indexs2) in son.real_value\" :key=\"indexs2\"\n                style=\"width: 100px; height: 100px;margin-right: 20px;\"\n                :src=\"sons\"\n                :preview-src-list=\"[sons]\"\n              >\n              </el-image>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      photo: [\"zp\",\"gzbsc\"],\n      check_record_id:'',\n      list: [],\n      headData:{}\n    };\n  },\n  filters: {\n    montage(value) {\n      let text = \"\";\n      if (value[0] instanceof Object) {\n        value.forEach((item) => {\n          let txr = item.value?item.value:item.user_name\n          text = text + txr;\n        });\n        return text;\n      } else {\n        value.forEach((item) => {\n          text = text + item;\n        });\n        return text;\n      }\n    },\n  },\n  mounted() {},\n  watch: {\n    check_record_id: {\n      handler(val) {\n        this.$emit(\"click\", { check_record_id: val });\n      },\n      deep: true,\n      immediate: true,\n    },\n    dataChart: {\n      handler(val) {\n        const data = val.data\n        this.list = data.list;\n        this.headData= {name:data.list[0].created_by_name,status_name:data.status_name}\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style>\n.conter-xq {\n  overflow: auto;\n  color: #fff;\n  font-size: 23px;\n  height: 500px;\n}\n.conter-l {\n  width: 90px;\n  padding-top: 50px;\n}\n.head-xq .info-xq {\n  margin-bottom: 20px;\n}\n.stage-con {\n  display: flex;\n}\n.stage-con-l {\n  width: 80px;\n}\n.stage-con-r{\n  width: calc(100% - 80px);\n}\n.stage-h {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n.stage-h > .big {\n  font-size: 28px;\n  font-weight: bold;\n  margin-right: 30px;\n}\n.stage-li {\n  display: flex;\n  margin-bottom: 20px;\n}\n.stage-li > .lable {\n  color: #84899c;\n  width: 170px;\n}\n.stage-li > .value {\n  width:calc(100% - 170px);\n}\n</style>\n"
                    },
                    "left": 60.17,
                    "top": 164.89,
                    "index": "153340d5-7603-4819-9aff-2a49e32cdb60",
                    "child": {
                        "index": [
                            "153340d5-7603-4819-9aff-2a49e32cdb60"
                        ],
                        "paramList": [],
                        "paramName": "check_record_id",
                        "paramValue": "check_record_id"
                    },
                    "zIndex": 7,
                    "lock": false,
                    "display": true,
                    "proxy": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_record/detail_list"
                },
                {
                    "name": "关闭",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 45.38,
                        "height": 36.81,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <i class=\"el-icon-close closeEdit\" @click=\"close\"></i>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n            close(){\n                let refs=this.$parent.getItemRefs();\n\n      refs['d5bc0e05-5081-4b17-a52f-d0ed145eaac8'].setDisplay(true)\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(true)\n            }\n        }\n    }\n</script>\n\n<style>\n.closeEdit{\n font-size:40px;\n color:#fff;\n}\n</style>"
                    },
                    "left": 1079.9,
                    "top": 79.88,
                    "index": "03f8db80-4058-45b6-8ad1-62bc4b6a9bc6",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "display": true,
                    "lock": false,
                    "clickFormatter": "(params,refs)=>{\n    console.log(params,refs)\n}"
                },
                {
                    "title": "图片",
                    "name": "图片",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 135.17,
                    "left": 65.44,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1072.01,
                        "height": 11.81,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "9fdfe1d0-4045-41ce-9816-75e2dbfd2bc7",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 5,
                    "display": true,
                    "lock": false
                },
                {
                    "title": "图片",
                    "name": "背景图片",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 59.77,
                    "left": 37.32,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/500943897454fedec623df59239c0443.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "(data,params,refs)=>{\n    refs['6134a5eb-401c-4f3f-80c3-90362656875e'].$el.style.backgroundColor='rgba(0, 29, 109, 0.9)'\n    refs['6134a5eb-401c-4f3f-80c3-90362656875e'].$el.style.borderTopRightRadius='50px'\n    return \n}",
                    "component": {
                        "width": 1135.4,
                        "height": 687.43,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "9b8806a7-b550-4523-bece-540587a0895d",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true,
                    "lock": false
                }
            ],
            "zIndex": 9,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "遮罩层",
            "index": "d5bc0e05-5081-4b17-a52f-d0ed145eaac8",
            "menu": false,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "遮罩层",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1235.09,
                        "height": 820.03,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": -18.37,
                    "top": -20.03,
                    "index": "0cbb71e3-ecaa-49bf-8480-53a736a8b734",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 3,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "工资发放",
            "index": "99291621-a93d-468d-8ef7-e4c979c97e2f",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "工资发放表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.data.list}\n}",
                    "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {\"check_tpl_id\":\"613704069fc0576332076e22\",\"orders\":[{\"key\":\"created_at\",\"value\":\"desc\"}],\"is_page\":1,\"project_id\":\"2205\",\"page\":1,\"page_size\":10,\"timeStamp\":100000,\"randomNum\":100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1219.16,
                        "height": 788.13,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"gzff\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%;height: 100%;\"\n      height=\"700px\"\n    >\n      <el-table-column prop=\"created_by_name\" label=\"记录人\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"sj\" label=\"时间\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"lwgrsl\" label=\"劳务工人数量\" show-overflow-tooltip>\n      </el-table-column>\n      </el-table-column>\n      <el-table-column prop=\"\" label=\"操作\" width=\"150\">\n        <template slot-scope=\"scope\">\n          <span style=\"color: #409eff\" @click=\"handleView(scope.row)\"\n            >查看</span\n          >\n        </template>\n      </el-table-column>\n    </el-table>\n       <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      tableData: [],\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      refs:''\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        const list = [];\n        val.value.forEach((item) => {\n          console.log(item);\n          let obj = {};\n          for (let i = 0; i < item.length; i++) {\n              obj[item[i].field] = item[i].field_value;\n          }\n          list.push(obj);\n        });\n        this.tableData = list;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted(){\n  },\n  methods: {\n     currentChange(value) {\n      this.page=value\n      this.$emit(\"click\", { page: value });\n    },\n    handleView(item) {\n      const refs=this.$parent.getItemRefs()\n      refs[\"153340d5-7603-4819-9aff-2a49e32cdb60\"].$refs.main.check_record_id = item.check_record_id;\n      refs['d5bc0e05-5081-4b17-a52f-d0ed145eaac8'].setDisplay(false)\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(false)\n    },\n  },\n};\n</script>\n\n<style>\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n          height: 0px;\n        }\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": -8.28,
                    "top": -10.27,
                    "index": "04954197-bc9e-41f1-8b71-d447d4d99bc6",
                    "child": {
                        "index": [
                            "04954197-bc9e-41f1-8b71-d447d4d99bc6"
                        ],
                        "paramList": [],
                        "paramName": "page",
                        "paramValue": "page"
                    },
                    "zIndex": 0,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_tpl/first_form_list",
                    "display": false,
                    "proxy": true
                }
            ],
            "zIndex": 1,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}